<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!doctype html>
<html lang="en"><head>
    <meta charset="utf-8">
    <title>Bootstrap Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">
    <script src="lib/jquery-1.11.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
    <link rel="stylesheet" type="text/css" href="stylesheets/premium.css">
    
    
    <!-- 引用JS样式 -->
     <script src="${pageContext.request.contextPath}/lib/jquery.validate.min.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/lib/jquery.metadata.js" type="text/javascript"></script>
	
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/jquery-ui.css">
	  <script src="${pageContext.request.contextPath}/lib/jquery-ui.js" type="text/javascript"></script>
	
     <!-- 验证错误时，被引用的JS样式 -->
<style type="text/css">
	/*     fieldset {
      border: 0;
    }
    label {
      display: block;
      margin: 30px 0 0 0;
    }
    select {
      width: 200px;
    }
    .overflow {
      height: 200px;
    } */

    input.error { border: 1px solid red; }
    label.error {
    background:url("./demo/images/unchecked.gif") no-repeat 0px 0px;
    padding-left: 16px;
    padding-bottom: 2px;
    font-weight: bold;
    color: #EA5200;
}
</style> 


 <!-- 设置一个定时的清除的JS  ,定时清除友好提示信息 -->
    <script type="text/javascript">
    	$(document).ready(function(){
    		$("#message").delay(1500).slideUp("slow");
    	});
    </script>
    

</head>
<body class=" theme-blue">
    <!-- Demo page code -->
    <script type="text/javascript">
        $(function() {
            var match = document.cookie.match(new RegExp('color=([^;]+)'));
            if(match) var color = match[1];
            if(color) {
                $('body').removeClass(function (index, css) {
                    return (css.match (/\btheme-\S+/g) || []).join(' ')
                })
                $('body').addClass('theme-' + color);
            }
            $('[data-popover="true"]').popover({html: true});            
        });
    </script>
    <style type="text/css" >
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover { 
            color: #fff;
        }
    </style>

    <script type="text/javascript">
   /*  $(function() {
        $( "#speed" ).selectmenu();
     
        $( "#files" ).selectmenu();
     
        $( "#number" )
          .selectmenu()
          .selectmenu( "menuWidget" )
            .addClass( "overflow" );
      }); */
        $(function() {
            var uls = $('.sidebar-nav > ul > *').clone();
            uls.addClass('visible-xs');
            $('#main-menu').append(uls.clone());
        });
    </script>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  



    <div class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
          <a class="" href="index.html"><span class="navbar-brand"><span class="fa fa-paper-plane"></span><spring:message code="title.name"/></span></a></div>
        <div class="navbar-collapse collapse" style="height: 1px;">
        </div>
      </div>
    
    
     <!-- 友好提示！操作后在主页面显示的提示信息 -->
            <c:if test="${not empty message}">
    		  <div id="message" class="alert alert-success" style="text-align:center;"><button data-dismiss="alert" class="close">×</button>${message}</div>
			</c:if>
    
    
        <div class="dialog">
    <div class="panel panel-default">
        <p class="panel-heading no-collapse"><spring:message code="title.login"/></p>
        
        
        <div class="panel-body">
            <form:form id="userFormLogin" method="post" action="${pageContext.request.contextPath}/login" modelAttribute="stuVO">
                <div class="form-group">
                    <label><spring:message code="login.userName"/></label>
                   <form:input path="examStuNumber" class="form-control {required:true,digits:true}"/>
                </div>
                <div class="form-group">
                <label><spring:message code="login.password"/></label>
                    <form:password path="examStuPassword" class="form-control required"/>
                </div>
                <div class="form-group">
                    <select name="speed" id="speed">
      					<option value="student">Student</option>
      					<option value="teacher">Teacher</option>
   					 </select>
   				 </div>
                
                <button type="submit" class="btn btn-primary pull-right"><spring:message code="login.button"/></button>
                <label class="remember-me"><input type="checkbox"><spring:message code="login.remenber"/></label>
                <div class="clearfix"></div>
            </form:form>
        </div>
    </div>
    <p class="pull-right" style=""><a href="http://www.portnine.com" target="blank" style="font-size: .75em; margin-top: .25em;"><spring:message code="login.other"/></a></p>
    <p><a href="reset-password.html"><spring:message code="login.forget"/></a></p>
</div>
    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
    </script>
    
    
    <script type="text/javascript">
$().ready(function(){
    $("#userFormLogin").validate({
        errorPlacement:function(error,element){
        	error.appendTo(element.prev());
        }
    });
});
</script>
 </body></html>

